<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <!-- <script src="./static/charting_library-master/lib/jquery.js"></script>
  <script src="./static/charting_library-master/lib/highchart.js"></script>
  <script src='./static/charting_library-master/charting_library/charting_library.min.js'></script>
  <script src="./static/charting_library-master/datafeeds/udf/dist/bundle.js"></script>
  <script src="./static/charting_library-master/datafeeds/udf/dist/polyfills.js"></script>
  <script src="./static/charting_library-master/datafeeds/datafeed2.js"></script> -->
  <title>DUPONT</title>
  <style>
    html,
    body,
    div,
    ul,
    li,
    img,
    span {
      padding: 0px;
      margin: 0px;
      list-style: none;
    }

    html {
      width: 100%;

      min-width: 1200px;

      /* overflow: hidden; */

      box-sizing: border-box;
    }

    .Layout {
      margin: 0 auto;
      width: 1200px;
      min-width: 1200px;
    }

    html::-webkit-scrollbar {
      display: none;
    }

    body .el-table th,
    body .el-table tr {
      background-color: rgba(000, 000, 000, 0) !important;
      border: 0px !important;

    }

    .el-message-info {
      z-index: 99999 !important;
    }

    body .el-table td,
    body .el-table th {
      padding: 4px 0px !important;
    }

    body .el-table,
    body .el-table td,
    body .el-table th.is-leaf,
    body .el-table::after,
    body .el-table::before {
      background-color: rgba(000, 000, 000, 0) !important;
      border: 0px !important;
    }

    body .abbr[title],
    .dfn[title] {
      border-bottom: 0px dotted #000;
      cursor: help;
    }

    body .el-menu-item {
      background: rgba(35, 37, 70, .5) !important;
    }

    .assets .el-menu-item {
      background: transparent !important;
    }

    #home .is-active {
      background: linear-gradient(90deg, rgba(242, 244, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;
      /* background: pink!important; */
    }

    body .el-menu-item:hover {
      background: rgba(255, 255, 255, .5) !important;
      color: #000 !important;
    }

    body .el-table__body-wrapper {
      overflow: hidden !important;
    }

    body .is-scrolling-left {
      overflow: hidden !important;
    }

    /* body .el-table__row {
        color:red;
      } */
    .body .el-table th {
      padding: 1px 0px !important;
    }

    .el-table .cell {
      line-height: 18px !important;
      font-size: 12px;
    }

    .rightfull .el-table__row .el-table_2_column_5 {
      color: #D24C67;
    }

    .rightfull .el-table__row .el-table_2_column_6 {
      color: #ffffff;
    }

    .rightfull .el-table__row .el-table_2_column_7 {
      color: #ffffff;
    }

    body .rightfull .el-table td {
      padding: 0 !important;
    }

    .rightfull .el-table th>.cell {
      padding-top: 6px;
      padding-bottom: 6px;
    }

    .tableData3 .el-table__header-wrapper {
      height: 0;
    }

    .tableData3 .el-table__row .el-table_3_column_8 {
      color: #03AD90;
    }

    .tableData3 .el-table__row .el-table_3_column_9 {
      color: #ffffff;
    }

    .tableData3 .el-table__row .el-table_3_column_10 {
      color: #ffffff;
    }

    .leftfull .el-table th>.cell {
      padding-top: 0;
      padding-bottom: 0;
    }

    .leftfull .el-table__row .el-table_1_column_2 {
      color: #ffffff;
    }

    .leftfull .el-table__row .el-table_1_column_3 {
      color: #ffffff;
    }

    .leftfull .el-table__row .add {
      color: #D24C67;
    }

    .leftfull .el-table__row .reduce {
      color: #03AD90;
    }

    .el-table .warning-row .el-table_1_column_4 {
      color: #03AD90;
    }

    .el-table .success-row .el-table_1_column_4 {
      color: #D24C67;
    }

    .tableData4 .el-table_4_column_11 {
      color: #ffffff;
    }

    .tableData4 .el-table_4_column_13 {
      color: #ffffff;
    }

    .el-tabs__item {
      height: 55px !important;
      line-height: 55px !important;
      box-sizing: border-box;
      color: #999 !important;
    }

    .el-tabs__nav-wrap::after {
      background-color: #999 !important;
    }

    .el-tabs__item.is-active {
      color: #409EFF !important;
    }

    .el-table__empty-block {
      width: 100% !important;
    }

    .tabs .el-tabs__item {
      height: 35px !important;
      line-height: 20px !important;
      color: rgba(104, 129, 255, 1) !important;
    }

    .el-submenu__title {
      line-height: 20px !important;
    }

    .orderList .is-top {
      color: #111330 !important;
    }
    .orderList .is-active {
      color: #409EFF !important;
    }
    .choice .el-select {
      padding: 0px 20px;
      border-radius: 20px!important;
    }
    .choice .sel {
      background:rgba(104,129,255,1)!important;
      padding: 10px 20px!important;
      color: #ffffff;
      border-radius: 20px;
    }

  </style>
</head>

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>